<div class='layui-card shadow-none margin-0'>
    <div class="layui-card-body padding-40">
        <div class="layui-bg-gray padding-20 border-radius-5">
            <div class="margin-bottom-15">
                <p class="font-w7 color-green">微信开放平台授权</p>
                <p>JSSDK 签名测试需要在开放平台配置当前的授权域名：<a data-copy="{:request()->host()}">{:request()->host()}</a></p>
            </div>
            <div class="margin-bottom-15">
                <p class="font-w7 color-green">公众号平台域名授权</p>
                <p>网页授权及 JSSDK 签名都需要在公众号平台授权域名：<a data-copy="{:request()->host()}">{:request()->host()}</a></p>
            </div>
            <div class="margin-bottom-0">
                <p class="font-w7 color-green">微信商户支付测试配置</p>
                <p>JSAPI 支付测试需要在微信商户平台配置支付目录：<a data-copy="{:url('wechat/api.test/',[],'',true)}">{:sysuri('wechat/api.test/index',[],'',true)}</a></p>
                <p>扫码支付①需要在微信商户平台配置支付通知地址：<a data-copy="{:url('wechat/api.test/scanOneNotify',[],'',true)}">{:url('wechat/api.test/scanOneNotify',[],'',true)}</a></p>
            </div>
        </div>
        <div class="text-center margin-top-20 test-qrcode-box">
            <div class="inline-block">
                <img alt="img" onerror="this.src='__ROOT__/static/theme/img/wechat/qrc_pay_error.jpg'" class="notselect" data-tips-image src="{:url('wechat/api.test/jsapiQrc')}">
                <p class="text-center">微信 JSAPI 支付</p>
            </div>
            <div class="inline-block margin-left-40 margin-right-40">
                <img alt="img" onerror="this.src='__ROOT__/static/theme/img/wechat/qrc_pay_error.jpg'" class="notselect" data-tips-image src="{:url('wechat/api.test/scanOneQrc')}">
                <p class="text-center">微信扫码支付①</p>
            </div>
            <div class="inline-block">
                <img alt="img" onerror="this.src='__ROOT__/static/theme/img/wechat/qrc_pay_error.jpg'" class="notselect" data-tips-image src="{:url('wechat/api.test/scanTwoQrc')}">
                <p class="text-center">微信扫码支付②</p>
            </div>
        </div>
    </div>
</div>

<style>
    .test-qrcode-box img {
        width: 200px;
        height: 200px
    }
</style>
